<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Promise解决地狱回调</title>
</head>
<body>
<script>

    //地狱回调
    // 地址:  省 => 市 => 县(区) js(json);
    // 通过A的返回值请求B 在通过B的返回值请求C
    // $.ajax({
    //     url:"请求省", //请求地址
    //     data:null, //要发送的数据
    //     success:function (res){
    //         // 省list [省=id]
    //         $.ajax({
    //             url:"请求市", //请求地址
    //             data:null, //要发送的数据
    //             success:function (res){
    //                 // 市list [市=id]
    //                 $.ajax({
    //                     url:"请求县(区)", //请求地址
    //                     data:null, //要发送的数据
    //                     success:function (res){
    //                         // 县(区)list [县(区)=id]
    //                         // 省 => 市 => 县(区)
    //                     }, //成功后的回调
    //                     fail:function() {
    //
    //                     }, //失败后的回调
    //                 })
    //             }, //成功后的回调
    //             fail:function() {}, //失败后的回调
    //         })
    //     }, //成功后的回调
    //     fail:function() {}, //失败后的回调
    // })


    // 通过Promise来解决回调地狱的问题
    {
        // let p1 = new Promise((resolve, reject)=>{
        //     setTimeout(()=>{
        //         resolve("省list")
        //     },1000)
        // })
        // let p2 = p1.then((res)=>{
        //     console.log(res);
        //     return new Promise((resolve, reject)=>{
        //         setTimeout(()=>{
        //             resolve("市list")
        //         },1000)
        //     })
        // })
        // p2.then(res=>{
        //     console.log(res);
        //     setTimeout(()=>{
        //         console.log("县list")
        //     },1000)
        // });
    }

    let p1 = new Promise((resolve, reject)=>{
        setTimeout(()=>{
            resolve("省list")
        },1000)
    }).then((res)=>{
        console.log(res);
        return new Promise((resolve, reject)=>{
            setTimeout(()=>{
                resolve("市list")
            },1000)
        })
    }).then(res=>{
        console.log(res);
        setTimeout(()=>{
            console.log("县list")
        },1000)
    }).catch((err)=>{
        console.log("err===>",err)
    })


</script>
</body>
</html>